<template>
  <div class="cell-group" :style="{width, borderRadius: `${radius}px`}">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "CellGroup",
  props: {
    radius: Number,
    width: String
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
  .cell-group {
    overflow: hidden;
    margin: auto;

    > .cell {
      /deep/ .line {
        display: block !important;
        background: #f5f5f5;
      }
      

      &:last-of-type{
        /deep/ .line {
          background: transparent;
        }
      }
    }

    > .input {
      /deep/ .line {
        display: block !important;
        background: #f5f5f5;
      }
      

      &:last-of-type{
        /deep/ .line {
          background: transparent;
        }
      }
    }
  }
</style>
